html {font-family: Verdana, Arial, Tahoma, Trebuchet; font-size:12px; color:black;}
body{
    background: url("images/bodyTopBg.jpg") repeat-x scroll left top transparent;
    text-align:center;
    overflow:visible;
    position:relative;}

h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
a{text-decoration:none;color:black;}
a:hover{text-decoration:none;color:blue;}
.cleardiv {clear:both; font-size:1px;}
.rounded {-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.rounded-right {-moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;}
.infoTitle                  {color:#E65C00;font-size:1.3em;font-weight:bold;}
.infoTitle .black_letters   {color:#00B4D6;}
.thTitle                    {color:#4EBCDA;font-size:1.3em;font-weight:bold;}
.errorMessageDiv{border:1px solid #B30000;background-color:#FFEFEF;color:#B30000;padding:10px;float:left;width:700px;margin:20px 0px 0px 85px;}
.errorMessageDiv p{margin:5px;}


.mainHolder                 {border:0px solid red;width:905px;margin-left:auto;margin-right:auto;
                             overflow:visible;text-align:left;}


/*------------------------------ Header --------------------------------------*/
.header                     {float:left;height:110px;background:url("images/headerBg.jpg") no-repeat;
                             border:0px solid red;width:900px;position:relative;}
.header img                 {float:left;margin-left:70px;margin-top:30px;}
.languages                  {position:absolute;right:70px;top:15px;color:#fff;}
.languages a                {color:#00b4d5;cursor:pointer;}
.languages a:hover          {color:#fff;cursor:pointer;}
a.langSelected               {color:#fff;}
/*------------------------------ Middle --------------------------------------*/
.middle                     {float: left;}
.admin_middle               {float: left; padding-top: 20px;}
.rounded                    {-moz-border-radius:4px 4px 4px 4px;}
/*------------------------------ Left Ad Space --------------------------------------*/
.leftspace                  {width:160px;margin:15px 10px 0px 0px;float:left;border:0px solid red;}
.leftspace img              {float:left;margin-bottom:10px;}

/*------------------------------ Right Ad Space --------------------------------------*/
.rightspace                 {width:160px;margin:15px 0px 0px 10px;float:left;border:0px solid red;}
.rightspace img             {float:left;margin-bottom:10px;}

/*------------------------------ Middle Front --------------------------------------*/
.middleFront                {float:left;border:0px solid red;width:900px;}
.middleFront .navigation    {width:750px;height:90px;background-image:url("images/navigationSprite.png");margin:20px 0px 0px 75px;display:block;}
.firstPageSprite            {background-position:0 0;}
.secondPageSprite           {background-position:0 -90px;}
.thirdPageSprite            {background-position:0 -180px;}
.fourthPageSprite           {background-position:0 -270px;}
.fifthPageSprite            {background-position:0 -360px;}

.middleFront .infoText      {border:1px solid #ccc;float:left;margin:30px 0px 0px 130px;width:600px;padding:10px;text-align:center;}
.middleFront .informationHelp{margin:10px 0px 0px 150px;float:left;width:600px;padding:10px;}
ul.informationHelp          {list-style:circle;}
ul.informationHelp li       {list-style:disc;font-size:1.15em;color:#333;margin-top:5px;}

.middleFront .chooseMunicipality{float:left;width:450px;padding:5px;border:2px solid #00B4D5;
                                 margin:30px 0px 40px 215px;background-color:#326190;}
.chooseMunicipality p       {float:left;font-weight:bold;font-size:1.5em;color:#fff;border:0px solid red;margin-top:2px;margin-left:2px;}
.chooseMunicipality select  {float:left;width:225px;padding:3px;border:1px solid #ccc;margin:1px 0px 0px 5px;
                            font-size:1.1em;color:#333;background-color:#fff;background:url("images/input.gif") repeat-x scroll left bottom;}
.chooseMunicipality .submit {padding:2px;font-weight:bold;font-size:1.1em;color:#666666;margin-left:5px;background-image:url("images/input.gif");
                            width:35px;background-repeat:repeat-x;margin-top:1px;}
.chooseMunicipality .submit:hover{color:#00B4D5;cursor:pointer;background-image:url("input.gif");
                            background-repeat:repeat-x;}

.middleFront .representativeHolder{float:left;width:750px;margin:20px 0 0 75px;border:0px solid #ccc;}
.tableHeading               {text-align:center;width:33%;font-size:1.4em;border-left:1px dotted #777;}
.mainColumns                {vertical-align:top;border-left:1px dotted #777;}
.mainColumnsFirst           {vertical-align:top;border-left:1px solid #ccc;}
.firstColumn                {border:0px;}
.localnaVlast               {border-bottom:2px solid #777;border-right:1px dotted #777;}
.centralnaVlast             {border-bottom:2px solid #777;}

.singleRepresentative       {border-bottom:1px solid #ccc;padding:5px;margin:10px 10px 0 10px;}
.singleRepresentative p     {font-size:1.05em;font-weight:bold;border:0px solid red;}
.singleRepresentative p a   {font-size:1.05em;font-weight:bold;border:0px solid red;color:#404040}
.singleRepresentative p a:hover{font-size:1.05em;font-weight:bold;border:0px solid red;color:#000}
.singleRepresentative p span{font-size:1.05em;font-weight:bolder;color:#E65C00;margin-right:5px; }
.singleRepresentative .sendMail{margin-top:5px;float:left;}
.singleRepresentative .aAndQ{float:right;margin-top:10px;margin-left:20px;}
.singleRepresentative .aAndQ:hover{color:#E65C00;cursor:pointer;}

.contactAll                 {float:left;text-align:center;margin:15px 0px 0px 10px;border:1px solid #4EBCDA;padding:5px;
                             background:url("images/input.gif") repeat-x scroll left bottom;}
.contactAll a:hover         {cursor:pointer;color:#E65C00;}

.middleFront .formHolder    {float:left;border:2px solid #ccc;padding:10px;margin:20px 0px 0px 130px;width:600px;}

.formHolder h3              {border-bottom:1px solid #ccc;padding-bottom:5px;}

.mainTableFormHolder        {margin-top:20px;vertical-align:top;color:#565656;}
.textareaHelper             {padding:3px;padding-left:15px;}
.leftTable,.rightTable      {color:#565656;margin-left:10px;}
.rightTable                 {margin-left:15px;}
.leftTable td,
.rightTable td              {vertical-align:middle;padding:3px;text-align:left;}
.leftTable td img,
.rightTable td img           {vertical-align:middle;}

input.stiliziran            {background:url("images/input.gif") repeat-x scroll left bottom transparent;
                            border:1px solid #CCCCCC;color:#333333;float:left;padding:3px;vertical-align:top;
                            width:140px;
                            }

select.stiliziran           {background:url("images/input.gif") repeat-x scroll left bottom transparent;border:1px solid #CCCCCC;
                            color:#333333;float:left;padding:2px;vertical-align:top;width:148px;}
textarea.stiliziran         {background:url("images/input.gif") repeat-x scroll left bottom transparent;
                            border:1px solid #CCCCCC;color:#333333;float:left;padding:3px;vertical-align:top;}

.textMail                   {width:555px;height:400px;}

.backToMunicipalityHolder   {margin-top:20px;padding:5px;border-top:1px solid #ccc;float:left;width:740px;margin-left:75px;text-align:center;}
.backToMunicipality         {padding:5px;border:1px solid #00B4D5;background:url("images/input.gif") repeat-x scroll left bottom transparent;
                            margin-top:5px;margin-left:41%;float:left;}
.backToMunicipality a:hover {color:#E65C00;}

.returnBack                 {padding:5px;border:1px solid #00B4D5;background:url("images/input.gif") repeat-x scroll left bottom transparent;
                            float:left;margin-top:5px;}
.returnBack a:hover         {color:#E65C00;}
.previewMessage             {float:right;margin-right:20px;}
.previewMessage button      {padding:5px;border:1px solid #00B4D5;background:url("images/input.gif") repeat-x scroll left bottom transparent;
                            float:left;margin-top:5px;}
.previewMessage button:hover{color:#E65C00;cursor:pointer;}
.sendMessage                 {padding:5px;border:1px solid #00B4D5;background:url("images/input.gif") repeat-x scroll left bottom transparent;
                            float:right;margin-top:5px;margin-right:20px;}
.sendMessage a:hover         {color:#E65C00;}

.questionsHolder            {float:left;border:0px solid red;margin:20px 0px 10px 75px;width:740px;padding:5px;}
.questionAnswerHolder       {padding:5px;border-bottom:1px dotted #ccc;float:left;}

.question                   {float:left;border-left:5px solid #E65C00;padding:5px;position:relative;}
.question h3                {font-size:1.25em;margin-left:5px;}
.question .qhold             {font-size:1.1em;color:#333333;margin:5px 15px 5px 15px;}
.question .dhold             {font-size:1.1em;color:#666666;margin-left:5px;font-style:italic;}
.seeAnswer                  {position:absolute;right:5px;bottom:5px;color:#E65C00;}
.seeAnswer:hover            {color:#00B4D5;}
.truncate_more_link         {color:#00B4D5;}

.answer                     {display:none;}
.answer                     {float:left;border-left:5px solid #ccc;padding:5px;position:relative;}
.answer h3                  {font-size:1.25em;margin-left:5px;}
.answer .ahold              {font-size:1.1em;color:#333333;margin:5px 15px 5px 15px;}
.answer .dhold              {font-size:1.1em;color:#666666;margin-left:5px;font-style:italic;}

.answer .closeAnswer                  {position:absolute;right:5px;bottom:5px;color:#E65C00;}
.answer .closeAnswer:hover            {color:#00B4D5;}

.other_rep                  {font-size:1.1em;color:#333333;}
.other_rep a                {font-size:1.1em;color:#326090; margin: 5px 5px;}
.other_rep a:hover          {font-size:1.1em;color:#00B4D5; margin: 5px 5px;}

.searchboxHolder            {margin:5px 0px;}
.searchboxHolder table      {width:730px;}
.searchboxHolder table tr td{width:20%;text-align:center;padding:5px;}
.searchboxHolder table tr td a{font-size:1.1em;color:#E65C00;}
.searchboxHolder table tr td a:hover{font-size:1.1em;color:#00B4D6;}



/*------------------------------ Footer --------------------------------------*/

.footer                     {float:left;margin-top:20px;margin-left:75px;padding:5px;border-top:2px solid #00b4d6;width:740px;}
.copyRight                  {padding:5px; float:left;width:750px;text-align:center;color:#cbcbca;}

/*------------------------------ Admin --------------------------------------*/

.middleFrontAdmin               {border:0px solid red;float:left;width:710px;margin-top:65px;position:relative;}
.leftspaceAdmin                 {border:0px solid red;width:200px;margin:65px 20px 0px 0px;float:left;}


.loginForm                      {border:1px solid #60431A;padding:20px;background-color:#FECD06;float:left;clear:left;}
.addUserForm                    {border:1px solid #60431A;padding:20px;background-color:#eee;float:left;clear:left;}
.formHeader                     {float:left;padding:5px;font-size:13px;color:#60431A;font-weight:bold;}

.errorMessageAdmin              {margin:7px;padding:10px;border:2px solid #CC0001;background-color:#FFE5E5;color:#B30000;float:left;}
.approveMessageListUsersAdmin   {margin-bottom:7px;width:690px;padding:10px;border:2px solid #009926;
                                 background-color:#E5FFEC;color:#009926;float:left;text-align:center;}

.loggedIn                       {border:1px solid #60431a;width:300px;height:30px;float:left;background-color:#fff;
                                 padding:5px;position:absolute;right:110px;top:25px;}
.loggedIn p                     {float:left;color:#60431a;clear:left;}
.loggedIn p a                   {color:#60431a;}
.loggedIn p b                   {color:red;}

.menuAdmin                      {border:1px solid #60431A;float:left;background-color:#FECD06;}
.menuAdmin  li                  {border-bottom:1px dotted #60431A;float:left;}
.menuAdmin  li.last             {border-bottom:0px dotted #60431A;float:left;}
.menuAdmin a                    {width:249px;line-height:30px;
                                 float:left;text-align:left;padding-left:15px;font-size:13px;font-weight:bold;color:#60431A;}
.menuAdmin a:hover              {width:249px;line-height:30px;background-color:#A4BB5F;
                                 float:left;text-align:left;padding-left:15px;font-size:13px;font-weight:bold;color:#fff;}
.menuAdmin a.selected           {width:249px;line-height:30px;background-color:#A4BB5F;
                                 float:left;text-align:left;padding-left:15px;font-size:13px;font-weight:bold;color:#fff;}

.admin_menu                     {float:right; padding-top:10px; width:600px;border:0px solid red;}
.admin_menu ul                  {border:0px solid red; clear:left; float:left;  margin-top:50px; }
.admin_menu ul li               {border:0 solid red; float:left; text-align:center;}

.admin_menu ul li a.selected        {background-color: #00B4D5; border:0 solid red; color:#FFFFFF; float:left; font-size:12px; line-height:30px; margin:0 15px; padding:5px;}
.admin_menu ul li a                 {border:0px solid red; color:#00B4D5; float:left; font-size:12px; line-height:30px; margin:0 15px; padding:5px;}
.admin_menu ul li a:hover           {border:0 solid red; color:#FFFFFF; float:left; font-size:12px; line-height:30px; margin:0 15px; padding:5px;background-color: #00B4D5;}

.addUser                        {float:right;padding:5px;margin-bottom:5px;}
.addUser a                      {font-size:13px;color:#60431A;font-weight:bold;}
.addUser a:hover                {font-size:13px;color:#A4BB5F;font-weight:bold;}
.listAdminTable                 {width:100%;float:left;border:1px solid #60431A;}
.listAdminTable td              {border:1px solid #60431A;padding:2px;}
.listAdminTable .headerTR td    {font-size:13px;color:#60431A;vertical-align:middle;font-weight:bold;}

.addrep                         {margin-left: 100px}
.addrep input select            {border:1px solid #CCCCCC; color:#333333; float:left; margin:3px 0; padding:3px; vertical-align:top; width:180px;}
.addrep td                      {margin:3px 0; padding:6px;}

.infoAddCategory                {border:1px solid red;margin:10px;padding:10px;float:left;background-color:#fff;}
.infoAddCategory legend         {border:0px solid red;padding:3px;font-weight:bold;}
.infoAddCategory  ul            {list-style:disc;margin-left:10px;}
.infoAddCategory  ul li         {border:0px solid red;margin-bottom:5px;float:left;clear:left;list-style-type:disc;text-align:left;}

.imgHolder                      {border:1px solid #ccc; float:left;margin:5px;padding:5px;width:65px;text-align:center;}

.messagesHolder                 {width:850px;float:left;}
.messagesHolder table           {width:100%;border:1px solid #ccc;}
.messagesHolder table th        {padding:5px;font-size:1.2em;background-color:#E6E6E6;
                                color:#E65C00;border-left:1px solid #ccc;text-align:center;border-bottom:2px solid #ccc;}
.messagesHolder table td        {padding:5px;font-size:1.1em;background-color:#F2F2F2;
                                border-left:1px solid #ccc;border-bottom:1px dotted #ccc;}

.messagesNavigation             {margin:10px;border:0px solid red;}
.nSelected       {float:left;padding:5px;border:1px solid #00B4D5;background-color:#E6E6E6;font-size:1.2em; margin:5px;color:#00B4D5;}
.nSelected:hover {float:left;padding:5px;border:1px solid #E65C00;background-color:#E6E6E6;font-size:1.2em; margin:5px;color:#E65C00;}
.nSelected a     {color:#00B4D5;}
.nSelected a:hover{color:#E65C00;}

.mSelected                      {float:left;padding:5px;border:1px solid #E65C00;background-color:#E6E6E6;font-size:1.2em; margin:5px;color:#E65C00;}
.mSelected a     {color:#00B4D5;}
.mSelected a:hover{color:#E65C00;}
/*------------------------------ Verificator --------------------------------------*/
.errorMessage{margin:10px;padding:10px;border:2px solid #CC0001;background-color:#FFE5E5;color:#B30000; }
.errorMessage p{float:left;border:0px solid black;margin:10px 0 0 10px;}
.errorMessage img{float:left;}
.jsErrorMessage{display:none; position:relative;}
.jsErrorMessage p{display:block; float:none; padding-left:30px; margin:5px 0 0 5px;}
.verifyErrorMesage{margin:15px 0px 10px 0px;text-align:left;}

/*--------------------------------- Accordion -------------------------------------*/

